
/**
 * vue3插件形式注册全局组件
 */
import Skeleton from './Skeleton'
import Slider from './Slider'
import More from './More'
import Bread from './Bread'
// 面包屑
import BreadItem from './Bread/item.vue'
// 上拉加载
import InfiniteLoad from './InfiniteLoad/index.vue'
// 城市数据
import Ctiy from './Ctiy'
// sku组件
import Sku from './Sku'
// 导入
import Numbox from './Numbox'
// 导入Button
import Button from './Button'
// 导入cb交互
import CheckBox from './CheckBox'
// 导入消息提示封装组件
import Message from './Message/index.vue'

/**
 * 优化：怎么循环注册全局组件？
 * 1.把组件放到数组里
 * 2.循环放组件的数组全局注册
 */

const cps = [Skeleton, Slider, More, Bread, BreadItem, InfiniteLoad, Ctiy, Sku, Numbox, Button, CheckBox, Message]

export default {
  // vue2 第一个参数是Vue（构造函数）| vue3 拿到的是app实例
  install (app) {
    // console.log(app)
    // app.component(Skeleton.name, Skeleton)
    // app.component(Slider.name, Slider)
    cps.forEach(cp => {
      app.component(cp.name, cp)
    })
  }
}
